

/*
This is a UI file (.ui.qml) that is intended to be edited in Qt Design Studio only.
It is supposed to be strictly declarative and only uses a subset of QML. If you edit
this file manually, you might introduce QML code that is not supported by Qt Design Studio.
Check out https://doc.qt.io/qtcreator/creator-quick-ui-forms.html for details on .ui.qml files.
*/
import QtQuick
import QtQuick.Controls
import AS_TOOL_UI

Rectangle {
    id: mainScreen1
    width: Constants.width
    height: Constants.height
    color: "#ffffff"
    border.color: "#ffffff"

    property alias shortcut_Btn19: shortcut_Btn19
    property alias shortcut_Btn18: shortcut_Btn18
    property alias shortcut_Btn17: shortcut_Btn17
    property alias shortcut_Btn16: shortcut_Btn16
    property alias shortcut_Btn15: shortcut_Btn15
    property alias shortcut_Btn14: shortcut_Btn14
    property alias shortcut_Btn13: shortcut_Btn13
    property alias shortcut_Btn12: shortcut_Btn12
    property alias shortcut_Btn11: shortcut_Btn11
    property alias shortcut_Btn10: shortcut_Btn10
    property alias shortcut_Btn9: shortcut_Btn9
    property alias shortcut_Btn8: shortcut_Btn8
    property alias shortcut_Btn7: shortcut_Btn7
    property alias shortcut_Btn6: shortcut_Btn6
    property alias shortcut_Btn5: shortcut_Btn5
    property alias shortcut_Btn4: shortcut_Btn4
    property alias shortcut_Btn3: shortcut_Btn3
    property alias shortcut_Btn2: shortcut_Btn2
    property alias shortcut_Btn1: shortcut_Btn1

    property alias shortcut_Texti: shortcut_Texti
    property alias shortcut_Texth: shortcut_Texth
    property alias shortcut_Textg: shortcut_Textg
    property alias shortcut_Textf: shortcut_Textf
    property alias shortcut_Texte: shortcut_Texte
    property alias shortcut_Textd: shortcut_Textd
    property alias shortcut_Textc: shortcut_Textc
    property alias shortcut_Textb: shortcut_Textb
    property alias shortcut_Texta: shortcut_Texta
    property alias shortcut_AltText5: shortcut_AltText5
    property alias shortcut_AltText4: shortcut_AltText4
    property alias shortcut_AltText3: shortcut_AltText3
    property alias shortcut_AltText2: shortcut_AltText2
    property alias shortcut_AltText1: shortcut_AltText1
    property alias shortcut_CtrlText5: shortcut_CtrlText5
    property alias shortcut_CtrlText4: shortcut_CtrlText4
    property alias shortcut_CtrlText3: shortcut_CtrlText3
    property alias shortcut_CtrlText2: shortcut_CtrlText2
    property alias shortcut_CtrlText1: shortcut_CtrlText1
    property alias shortcut_titleTextMouse: shortcut_titleTextMouse
    property alias shortcut_titleText: shortcut_titleText

    property alias ip_nameCombo: ip_nameCombo
    property alias txByteText: txByteText
    property alias rxByteText: rxByteText
    property alias txClearBtn: txClearBtn
    property alias rxClearBtn: rxClearBtn
    property alias ip_switch: ip_switch
    property alias ip_otherPortText: ip_otherPortText
    property alias ip_otherAddrText: ip_otherAddrText
    property alias ip_myPortText: ip_myPortText
    property alias ip_myAddrText: ip_myAddrText

    property alias serial_stopBitCombo: serial_stopBitCombo
    property alias serial_dataBitCombo: serial_dataBitCombo
    property alias serial_checkBitCombo: serial_checkBitCombo
    property alias autoSendTimePage: autoSendTimePage
    property alias hoverDescriptionText: hoverDescriptionText
    property alias hoverDescriptionPage: hoverDescriptionPage
    property alias myMouseArea: myMouseArea

    property alias slider_color: slider_color
    property alias serial_boudCombo: serial_boudCombo
    property alias serial_descriptionLab: serial_descriptionLab
    property alias serial_ip_page: serial_ip_page
    property alias txSuffixCombo: txSuffixCombo
    property alias ip_leftSidePage: ip_leftSidePage
    property alias autoSendTime: autoSendTime
    property alias recDataEdit: recDataEdit
    property alias recDataMouse: recDataMouse
    property alias vbar1: vbar1
    property alias recDataPage: recDataPage
    property alias sendDataEdit: sendDataEdit
    property alias sendDataMouse: sendDataMouse
    property alias vbar2: vbar2
    property alias sendDataPage: sendDataPage
    property alias txAutoSend_btn: txAutoSend_btn
    property alias txSend_btn: txSend_btn
    property alias txClear_btn: txClear_btn
    property alias txCode_btn: txCode_btn
    property alias rxClear_btn: rxClear_btn
    property alias saveFile_btn: saveFile_btn
    property alias displayDate_btn: displayDate_btn
    property alias serial_leftSidePage: serial_leftSidePage
    property alias serial_nameCombo: serial_nameCombo
    property alias rxCode_btn: rxCode_btn
    property alias txEN_btn: txEN_btn
    property alias rxEN_btn: rxEN_btn
    property alias serial_switch: serial_switch

    property alias data_chineseByteTextinput: data_chineseByteTextinput
    property alias data_englishByteTextinput: data_englishByteTextinput
    property alias data_codeCombo: data_codeCombo
    property alias data_changeBtn: data_changeBtn
    property alias data_fine2Btn: data_fine2Btn
    property alias data_fine1Btn: data_fine1Btn
    property alias data_deleta2Btn: data_deleta2Btn
    property alias data_target2TitleMouse: data_target2TitleMouse
    property alias data_target1TitleMouse: data_target1TitleMouse
    property alias data_deleta1Btn: data_deleta1Btn
    property alias data_vbar3: data_vbar3
    property alias data_vbar2: data_vbar2
    property alias data_vbar1: data_vbar1
    property alias data_target2Edit: data_target2Edit
    property alias data_target1Edit: data_target1Edit
    property alias data_target2Mouse: data_target2Mouse
    property alias data_target1Mouse: data_target1Mouse
    property alias data_originEdit: data_originEdit
    property alias data_originMouse: data_originMouse
    property alias data_originTitleText: data_originTitleText
    property alias data_originTitleMouse: data_originTitleMouse
    property alias data_page: data_page

    property alias test_page: test_page

    property alias tabBar: tabBar

    // 连接C++的信号
    Connections {
        target: mySerial
        onReadSignal: function (recByte) {
            mainScreen.recDataDisplay(recByte)
        }
        onSendSuccess: function (sendByte) {
            mainScreen.sendDataDisplay(sendByte)
        }
    }
    Connections {
        target: myNetwork
        onTcpServer_readSuccess: function (recByte) {
            mainScreen.recDataDisplay(recByte)
        }
        onTcpServer_sendSuccess: function (sendByte) {
            mainScreen.sendDataDisplay(sendByte)
        }
        onTcpClient_readSuccess: function (recByte) {
            mainScreen.recDataDisplay(recByte)
        }
        onTcpClient_sendSuccess: function (sendByte) {
            mainScreen.sendDataDisplay(sendByte)
        }
        onUdp_readSuccess: function (recByte) {
            mainScreen.recDataDisplay(recByte)
        }
        onUdp_sendSuccess: function (sendByte) {
            mainScreen.sendDataDisplay(sendByte)
        }
    }

    TabBar {
        id: tabBar
        height: 18
        anchors.left: parent.left
        anchors.right: parent.right
        anchors.top: parent.top
        font.pixelSize: 16
        contentHeight: 48
        topPadding: -15
        anchors.rightMargin: 0
        anchors.leftMargin: 0
        anchors.topMargin: 0
        font.weight: Font.DemiBold

        TabButton {
            id: serialTool
            y: 9
            height: 35
            text: qsTr("串口调试")
            anchors.left: parent.left
            anchors.leftMargin: 0
        }

        TabButton {
            id: ipTool
            y: 9
            height: 35
            text: qsTr("网络调试")
            anchors.left: serialTool.right
            anchors.leftMargin: 0
        }

        TabButton {
            id: dataTool
            y: 9
            height: 35
            text: qsTr("数据操作")
            anchors.left: ipTool.right
            anchors.leftMargin: 0
        }

        TabButton {
            id: testTool
            y: 9
            height: 35
            text: qsTr("敬请期待")
            anchors.left: dataTool.right
            anchors.leftMargin: 0
        }
    }

    Rectangle {
        id: data_page
        visible: false
        color: "#40000000"
        anchors.left: parent.left
        anchors.right: parent.right
        anchors.top: tabBar.bottom
        anchors.bottom: parent.bottom
        anchors.topMargin: 3

        Rectangle {
            id: data_originTitlePage
            height: 26
            visible: true
            color: "#00000000"
            anchors.left: parent.left
            anchors.right: parent.right
            anchors.top: parent.top
            anchors.rightMargin: 20
            anchors.leftMargin: 20

            Text {
                id: data_originTitleText
                width: 200
                visible: true
                color: "#000000"
                text: qsTr("源数据")
                anchors.left: parent.left
                anchors.top: parent.top
                anchors.bottom: parent.bottom
                font.pixelSize: 18
                verticalAlignment: Text.AlignVCenter
                anchors.bottomMargin: 0
                anchors.leftMargin: 0
                anchors.topMargin: 0

                MouseArea {
                    id: data_originTitleMouse
                    visible: true
                    anchors.fill: parent
                }
            }

            Text {
                id: data_englishByteText
                x: 630
                text: qsTr("英文字节数")
                anchors.right: data_englishByteTextinput.left
                anchors.top: parent.top
                anchors.bottom: parent.bottom
                font.pixelSize: 16
                verticalAlignment: Text.AlignVCenter
                anchors.rightMargin: 0
                anchors.bottomMargin: 0
                anchors.topMargin: 0
            }

            TextInput {
                id: data_englishByteTextinput
                width: 120
                text: qsTr("0")
                anchors.right: data_chineseByteText.left
                anchors.top: parent.top
                anchors.bottom: parent.bottom
                font.pixelSize: 16
                horizontalAlignment: Text.AlignRight
                verticalAlignment: Text.AlignVCenter
                anchors.rightMargin: 30
                clip: true
                anchors.bottomMargin: 0
                anchors.topMargin: 0
            }

            Text {
                id: data_chineseByteText
                x: 840
                text: qsTr("中文字节数")
                anchors.right: data_chineseByteTextinput.left
                anchors.top: parent.top
                anchors.bottom: parent.bottom
                font.pixelSize: 16
                verticalAlignment: Text.AlignVCenter
                anchors.rightMargin: 0
                anchors.bottomMargin: 0
                anchors.topMargin: 0
            }

            TextInput {
                id: data_chineseByteTextinput
                x: 869
                width: 120
                height: 20
                text: qsTr("0")
                anchors.right: parent.right
                anchors.top: parent.top
                anchors.bottom: parent.bottom
                font.pixelSize: 16
                horizontalAlignment: Text.AlignRight
                verticalAlignment: Text.AlignVCenter
                clip: true
                anchors.rightMargin: 0
                anchors.bottomMargin: 0
                anchors.topMargin: 0
            }
        }

        Rectangle {
            id: data_originPage
            height: parent.height * 0.65
            color: "#e0000000"
            radius: 10
            border.width: 0
            anchors.left: data_originTitlePage.left
            anchors.right: data_originTitlePage.right
            anchors.top: data_originTitlePage.bottom
            anchors.rightMargin: 0
            anchors.leftMargin: 0
            anchors.topMargin: 0
            ScrollBar {
                id: data_vbar1
                hoverEnabled: true
                active: hovered || pressed
                orientation: Qt.Vertical
                size: data_originPage.height / data_originEdit.height
                width: 10
                anchors.top: parent.top
                anchors.right: parent.right
                anchors.bottom: parent.bottom
                anchors.rightMargin: -10
            }

            MouseArea {
                id: data_originMouse
                anchors.fill: parent
                clip: true
                anchors.rightMargin: 0

                TextEdit {
                    id: data_originEdit
                    width: parent.width
                    height: contentHeight
                    y: -data_vbar1.position * data_originEdit.height
                    color: "#00ff00"
                    text: qsTr("")
                    font.pixelSize: 16
                    wrapMode: Text.Wrap
                    textFormat: Text.AutoText
                    selectionColor: "#ffffff"
                    selectedTextColor: "#000000"
                    selectByMouse: true
                    textMargin: 1
                }
            }
        }

        Rectangle {
            id: data_target1TitlePage
            width: (mainScreen1.width - 60) / 2
            height: 26
            color: "#00ffffff"
            anchors.left: data_originTitlePage.left
            anchors.top: data_originPage.bottom
            anchors.leftMargin: 0
            anchors.topMargin: 0

            Text {
                id: data_target1TitleText
                width: 200
                text: qsTr("目标数据一")
                anchors.left: parent.left
                anchors.top: parent.top
                anchors.bottom: parent.bottom
                font.pixelSize: 18
                verticalAlignment: Text.AlignVCenter

                MouseArea {
                    id: data_target1TitleMouse
                    anchors.fill: parent
                    anchors.rightMargin: 0
                    anchors.bottomMargin: 0
                }
            }
        }

        Rectangle {
            id: data_target1Page
            width: (mainScreen1.width - 60) / 2
            color: "#e0000000"
            radius: 10
            border.width: 0
            anchors.left: data_originTitlePage.left
            anchors.top: data_target1TitlePage.bottom
            anchors.bottom: data_btnPage.top
            anchors.bottomMargin: 0
            anchors.leftMargin: 0
            anchors.topMargin: 0
            ScrollBar {
                id: data_vbar2
                hoverEnabled: true
                active: hovered || pressed
                orientation: Qt.Vertical
                size: data_target1Page.height / data_target1Edit.height
                width: 10
                anchors.top: parent.top
                anchors.right: parent.right
                anchors.bottom: parent.bottom
                anchors.rightMargin: -10
            }

            MouseArea {
                id: data_target1Mouse
                anchors.fill: parent
                clip: true
                anchors.rightMargin: 0

                TextEdit {
                    id: data_target1Edit
                    width: parent.width
                    height: contentHeight
                    y: -data_vbar2.position * data_target1Edit.height
                    color: "#00ff00"
                    text: qsTr("")
                    font.pixelSize: 16
                    wrapMode: Text.Wrap
                    selectionColor: "#ffffff"
                    selectedTextColor: "#000000"
                    selectByMouse: true
                    textMargin: 1
                }
            }
        }

        Rectangle {
            id: data_target2TitlePage
            x: 757
            width: (mainScreen1.width - 60) / 2
            height: 26
            color: "#00ffffff"
            anchors.right: data_originTitlePage.right
            anchors.top: data_originPage.bottom
            anchors.rightMargin: 0
            anchors.topMargin: 0

            Text {
                id: data_target2TitleText
                width: 200
                text: qsTr("目标数据二")
                anchors.left: parent.left
                anchors.top: parent.top
                anchors.bottom: parent.bottom
                font.pixelSize: 18
                verticalAlignment: Text.AlignVCenter

                MouseArea {
                    id: data_target2TitleMouse
                    anchors.fill: parent
                }
            }
        }

        Rectangle {
            id: data_target2Page
            x: 640
            width: (mainScreen1.width - 60) / 2
            color: "#e0000000"
            radius: 10
            border.width: 0
            anchors.right: data_originTitlePage.right
            anchors.top: data_target2TitlePage.bottom
            anchors.bottom: data_btnPage.top
            anchors.bottomMargin: 0
            anchors.rightMargin: 0
            anchors.topMargin: 0
            ScrollBar {
                id: data_vbar3
                hoverEnabled: true
                active: hovered || pressed
                orientation: Qt.Vertical
                size: data_target2Page.height / data_target2Edit.height
                width: 10
                anchors.top: parent.top
                anchors.right: parent.right
                anchors.bottom: parent.bottom
                anchors.rightMargin: -10
            }

            MouseArea {
                id: data_target2Mouse
                anchors.fill: parent
                clip: true
                anchors.rightMargin: 0

                TextEdit {
                    id: data_target2Edit
                    width: parent.width
                    height: contentHeight
                    y: -data_vbar3.position * data_target2Edit.height
                    color: "#00ff00"
                    text: qsTr("")
                    font.pixelSize: 16
                    wrapMode: Text.Wrap
                    selectByMouse: true
                    selectedTextColor: "#000000"
                    selectionColor: "#ffffff"
                    textMargin: 1
                }
            }
        }

        Rectangle {
            id: data_btnPage
            height: 46
            color: "#00ffffff"
            anchors.left: data_originTitlePage.left
            anchors.right: data_originTitlePage.right
            anchors.bottom: parent.bottom
            anchors.rightMargin: 0
            anchors.leftMargin: 0
            anchors.bottomMargin: 0

            Button {
                id: data_deleta1Btn
                width: 90
                height: 45
                text: qsTr("指定替换")
                anchors.verticalCenter: parent.verticalCenter
                anchors.left: parent.left
                font.pixelSize: 16
                anchors.leftMargin: 0
            }

            Button {
                id: data_deleta2Btn
                width: 90
                height: 45
                text: qsTr("范围替换")
                anchors.verticalCenter: parent.verticalCenter
                anchors.left: parent.left
                font.pixelSize: 16
                anchors.leftMargin: (data_target1Page.width * 0.5) - (data_deleta2Btn.width * 0.5)
            }

            Button {
                id: data_fine1Btn
                width: 90
                height: 45
                text: qsTr("指定查找")
                anchors.verticalCenter: parent.verticalCenter
                anchors.left: parent.left
                font.pixelSize: 16
                anchors.leftMargin: data_target1Page.width - data_fine1Btn.width
            }

            Button {
                id: data_fine2Btn
                width: 90
                height: 45
                text: qsTr("范围查找")
                anchors.verticalCenter: parent.verticalCenter
                anchors.right: parent.right
                font.pixelSize: 16
                anchors.rightMargin: data_target2Page.width - data_fine2Btn.width
            }

            Button {
                id: data_changeBtn
                width: 90
                height: 45
                text: qsTr("数据转码")
                anchors.verticalCenter: parent.verticalCenter
                anchors.right: parent.right
                font.pixelSize: 16
                anchors.rightMargin: (data_target2Page.width * 0.5) - (data_changeBtn.width * 0.5)
            }

            ComboBox {
                id: data_codeCombo
                width: 90
                height: 45
                anchors.verticalCenter: parent.verticalCenter
                anchors.right: parent.right
                font.pixelSize: 16
                anchors.rightMargin: 0
                model: ["UTF8", "HEX"]
            }
        }
    }

    MouseArea {
        id: myMouseArea
        x: 0
        y: 40
        anchors.left: parent.left
        anchors.right: parent.right
        anchors.top: tabBar.bottom
        anchors.bottom: parent.bottom
        hoverEnabled: true
        propagateComposedEvents: false
        anchors.topMargin: 3

        Rectangle {
            id: serial_ip_page
            opacity: 1
            color: "#20000000"
            border.color: "#11000000"
            border.width: 1
            anchors.left: parent.left
            anchors.right: parent.right
            anchors.top: parent.top
            anchors.bottom: parent.bottom
            anchors.topMargin: 0
            Rectangle {
                id: serial_leftSidePage
                width: 180
                color: "#00000000"
                radius: 10
                border.color: "#000000"
                border.width: 0
                anchors.left: parent.left
                anchors.top: parent.top
                anchors.bottom: parent.bottom
                anchors.topMargin: 0
                anchors.bottomMargin: 0
                anchors.leftMargin: 0

                Label {
                    id: serial_nameLab
                    width: 60
                    height: 40
                    text: qsTr("端口号")
                    anchors.left: parent.left
                    anchors.top: parent.top
                    font.pixelSize: 16
                    horizontalAlignment: Text.AlignHCenter
                    verticalAlignment: Text.AlignVCenter
                    anchors.topMargin: 8
                    anchors.leftMargin: 1
                }

                ComboBox {
                    objectName: "serial_name"
                    id: serial_nameCombo
                    width: 110
                    height: 40
                    anchors.left: serial_nameLab.right
                    anchors.top: parent.top
                    font.pixelSize: 16
                    anchors.topMargin: 8
                    wheelEnabled: true
                    anchors.leftMargin: 3
                }

                Label {
                    id: serial_boudLab
                    width: 60
                    height: 40
                    text: qsTr("波特率")
                    anchors.left: parent.left
                    anchors.top: serial_descriptionLab.bottom
                    font.pixelSize: 16
                    horizontalAlignment: Text.AlignHCenter
                    verticalAlignment: Text.AlignVCenter
                    anchors.topMargin: 3
                    anchors.leftMargin: 0
                }

                ComboBox {
                    id: serial_boudCombo
                    width: 110
                    height: 40
                    anchors.left: serial_boudLab.right
                    anchors.top: serial_descriptionLab.bottom
                    font.pixelSize: 16
                    anchors.topMargin: 3
                    wheelEnabled: true
                    flat: true
                    currentIndex: 6
                    editable: true
                    anchors.leftMargin: 3
                    objectName: "serial_boud"
                    model: ["4800", "9600", "19200", "38400", "57600", "74800", "115200"]
                }

                Label {
                    id: serial_checkBitLab
                    width: 60
                    height: 40
                    text: qsTr("校验位")
                    anchors.left: parent.left
                    anchors.top: serial_boudLab.bottom
                    font.pixelSize: 16
                    horizontalAlignment: Text.AlignHCenter
                    verticalAlignment: Text.AlignVCenter
                    anchors.topMargin: 0
                    anchors.leftMargin: 0
                }

                ComboBox {
                    id: serial_checkBitCombo
                    width: 95
                    height: 40
                    anchors.left: serial_checkBitLab.right
                    anchors.top: serial_boudCombo.bottom
                    font.pixelSize: 16
                    anchors.topMargin: 0
                    wheelEnabled: true
                    anchors.leftMargin: 18
                    objectName: "serial_checkBit"
                    model: ["None", "Even", "Odd"]
                }

                Label {
                    id: serial_dataBitLab
                    width: 75
                    height: 40
                    color: "#dd000000"
                    text: qsTr("数据位数")
                    anchors.left: parent.left
                    anchors.top: serial_checkBitLab.bottom
                    font.pixelSize: 16
                    horizontalAlignment: Text.AlignHCenter
                    verticalAlignment: Text.AlignVCenter
                    styleColor: "#000000"
                    anchors.topMargin: 0
                    anchors.leftMargin: 0
                }

                ComboBox {
                    id: serial_dataBitCombo
                    width: 73
                    height: 40
                    anchors.left: serial_dataBitLab.right
                    anchors.top: serial_checkBitCombo.bottom
                    font.pixelSize: 16
                    anchors.topMargin: 0
                    wheelEnabled: true
                    currentIndex: 3
                    anchors.leftMargin: 25
                    objectName: "serial_dataBit"
                    model: ["5", "6", "7", "8"]
                }

                Label {
                    id: serial_stopBitLab
                    width: 75
                    height: 40
                    text: qsTr("停止位数")
                    anchors.left: parent.left
                    anchors.top: serial_dataBitLab.bottom
                    font.pixelSize: 16
                    horizontalAlignment: Text.AlignHCenter
                    verticalAlignment: Text.AlignVCenter
                    anchors.topMargin: 0
                    anchors.leftMargin: 0
                }

                ComboBox {
                    id: serial_stopBitCombo
                    width: 73
                    height: 40
                    anchors.left: serial_stopBitLab.right
                    anchors.top: serial_dataBitCombo.bottom
                    font.pixelSize: 16
                    anchors.topMargin: 0
                    wheelEnabled: true
                    anchors.leftMargin: 25
                    objectName: "serial_stopBit"
                    model: ["1", "1.5", "2"]
                }

                Label {
                    objectName: "serial_description"
                    id: serial_descriptionLab
                    height: 20
                    anchors.left: parent.left
                    anchors.right: parent.right
                    anchors.top: serial_nameLab.bottom
                    font.pixelSize: 14
                    horizontalAlignment: Text.AlignRight
                    verticalAlignment: Text.AlignVCenter
                    clip: true
                    anchors.rightMargin: 6
                    anchors.topMargin: 1
                    anchors.leftMargin: 6
                }

                SwitchDelegate {
                    id: serial_switch
                    height: 36
                    text: qsTr("串口开关")
                    anchors.left: parent.left
                    anchors.right: parent.right
                    anchors.top: serial_stopBitLab.bottom
                    leftPadding: 6
                    scale: 1
                    bottomPadding: 8
                    topPadding: 8
                    anchors.topMargin: 0
                    padding: 4
                    anchors.leftMargin: 0
                    focusPolicy: Qt.NoFocus
                    objectName: "serial_switch"
                    font.pixelSize: 16
                    anchors.rightMargin: 0
                    rightPadding: 18
                }
            }

            Rectangle {
                id: sendDataPage
                height: 135
                color: "#e0000000"
                radius: 5
                border.color: "#000000"
                border.width: 0
                anchors.left: serial_leftSidePage.right
                anchors.right: txConfig.left
                anchors.bottom: parent.bottom
                anchors.rightMargin: 10
                clip: true
                anchors.bottomMargin: 1
                anchors.leftMargin: 0
                focus: true

                ScrollBar {
                    id: vbar2
                    y: 0
                    width: 10
                    anchors.left: parent.right
                    anchors.top: parent.top
                    anchors.bottom: parent.bottom
                    anchors.leftMargin: 0
                    orientation: Qt.Vertical
                    hoverEnabled: true
                    size: sendDataPage.height / sendDataEdit.height
                }

                MouseArea {
                    id: sendDataMouse
                    anchors.bottom: parent.bottom
                    anchors.fill: parent
                    anchors.bottomMargin: 0
                    anchors.rightMargin: 0
                    clip: true

                    TextEdit {
                        id: sendDataEdit
                        y: -vbar2.position * sendDataEdit.height
                        width: parent.width
                        height: contentHeight
                        color: "#00ff00"
                        text: qsTr("发送区")
                        font.pixelSize: 16
                        wrapMode: Text.Wrap
                        textFormat: Text.PlainText
                        selectedTextColor: "#000000"
                        selectByKeyboard: true
                        textMargin: 1
                        objectName: "sendData"
                        selectByMouse: true
                        selectionColor: "#ffffff"
                    }
                }
            }

            Rectangle {
                id: recDataPage
                width: parent.width * 0.55
                color: "#e0000000"
                radius: 5
                border.width: 0
                anchors.left: serial_leftSidePage.right
                anchors.top: parent.top
                anchors.bottom: txConfig.top
                anchors.bottomMargin: 0
                clip: true
                anchors.topMargin: 1

                ScrollBar {
                    id: vbar1
                    width: 10
                    anchors.left: parent.right
                    anchors.top: parent.top
                    anchors.bottom: parent.bottom
                    anchors.leftMargin: 0
                    active: hovered || pressed
                    size: recDataPage.height / recDataEdit.height
                    orientation: Qt.Vertical
                    hoverEnabled: true
                }

                AnimatedImage {
                    id: animatedImage
                    opacity: 0.3
                    visible: true
                    anchors.left: parent.left
                    anchors.right: parent.right
                    anchors.top: parent.top
                    anchors.bottom: parent.bottom
                    source: "../img/001.gif"
                    anchors.rightMargin: 0
                }
                anchors.leftMargin: 0
                focus: true
                MouseArea {
                    id: recDataMouse
                    visible: true
                    anchors.left: parent.left
                    anchors.right: parent.right
                    anchors.top: parent.top
                    anchors.bottom: parent.bottom
                    anchors.bottomMargin: 0
                    anchors.rightMargin: 0
                    clip: true

                    TextEdit {
                        id: recDataEdit
                        y: -vbar1.position * recDataEdit.height
                        width: parent.width
                        height: contentHeight
                        color: "#00ff00"
                        text: qsTr("")
                        font.pixelSize: 16
                        verticalAlignment: Text.AlignTop
                        wrapMode: Text.Wrap
                        textFormat: Text.AutoText
                        selectedTextColor: "#000000"
                        readOnly: true
                        selectByKeyboard: true
                        textMargin: 1
                        objectName: "recData"
                        selectByMouse: true
                        selectionColor: "#ffffff"
                    }
                }
            }

            Rectangle {
                id: rxConfig
                width: 380
                height: 40
                color: "#00ffffff"
                radius: 10
                border.width: 0
                anchors.left: serial_leftSidePage.right
                anchors.bottom: sendDataPage.top
                anchors.bottomMargin: 0
                Button {
                    id: rxEN_btn
                    width: 40
                    height: 40
                    text: "Rx"
                    anchors.left: rxCode_btn.right
                    anchors.top: parent.top
                    font.pixelSize: 14
                    anchors.topMargin: 0
                    highlighted: true
                    anchors.leftMargin: 10
                    objectName: "rxEN"
                }

                Button {
                    id: txEN_btn
                    x: -47
                    width: 40
                    height: 40
                    text: qsTr("Tx")
                    anchors.left: rxEN_btn.right
                    anchors.top: parent.top
                    font.pixelSize: 14
                    anchors.topMargin: 0
                    anchors.leftMargin: 10
                    objectName: "txEN"
                }

                Button {
                    id: rxCode_btn
                    width: 60
                    height: 40
                    text: qsTr("ASCII")
                    anchors.left: parent.left
                    anchors.top: parent.top
                    font.pixelSize: 14
                    anchors.topMargin: 0
                    highlighted: true
                    anchors.leftMargin: 4
                    objectName: "rxCode"
                }

                Button {
                    id: rxClear_btn
                    width: 60
                    height: 40
                    text: qsTr("clear")
                    anchors.left: saveFile_btn.right
                    anchors.top: parent.top
                    font.pixelSize: 14
                    anchors.topMargin: 0
                    anchors.leftMargin: 10
                }

                Button {
                    id: displayDate_btn
                    width: 60
                    height: 40
                    text: qsTr("date")
                    anchors.left: txEN_btn.right
                    anchors.top: parent.top
                    font.pixelSize: 14
                    anchors.topMargin: 0
                    anchors.leftMargin: 10
                    objectName: "displayDate"
                }

                Button {
                    id: saveFile_btn
                    width: 60
                    height: 40
                    text: qsTr("file")
                    anchors.left: displayDate_btn.right
                    anchors.top: parent.top
                    font.pixelSize: 14
                    anchors.topMargin: 0
                    anchors.leftMargin: 10
                    objectName: "saveFile"
                }
                anchors.leftMargin: 0
            }

            Rectangle {
                id: txConfig
                width: 140
                height: 176
                color: "#00ffffff"
                radius: 10
                anchors.right: recDataPage.right
                anchors.bottom: parent.bottom
                anchors.rightMargin: 0
                anchors.bottomMargin: 0
                Button {
                    id: txCode_btn
                    width: 60
                    height: 40
                    text: qsTr("ASCII")
                    anchors.left: parent.left
                    anchors.top: slider_color.bottom
                    font.pixelSize: 14
                    anchors.topMargin: 0
                    highlighted: true
                    anchors.leftMargin: 6
                    objectName: "txCode"
                }

                Button {
                    id: txClear_btn
                    x: 0
                    width: 60
                    height: 40
                    text: qsTr("clear")
                    anchors.right: parent.right
                    anchors.top: slider_color.bottom
                    font.pixelSize: 14
                    anchors.topMargin: 0
                    anchors.rightMargin: 6
                }

                Button {
                    id: txSend_btn
                    width: 60
                    height: 40
                    text: qsTr("send")
                    anchors.left: parent.left
                    anchors.top: txCode_btn.bottom
                    font.pixelSize: 14
                    anchors.topMargin: 0
                    anchors.leftMargin: 6
                }

                Button {
                    id: txAutoSend_btn
                    x: 53
                    width: 60
                    height: 40
                    text: qsTr("AUTO")
                    anchors.right: parent.right
                    anchors.top: txClear_btn.bottom
                    font.pixelSize: 14
                    anchors.topMargin: 0
                    anchors.rightMargin: 6
                }

                Rectangle {
                    id: autoSendTimePage
                    y: 120
                    height: 36
                    color: "#00ffffff"
                    anchors.left: parent.left
                    anchors.right: parent.right
                    anchors.bottom: txSuffixCombo.top
                    anchors.rightMargin: 6
                    anchors.bottomMargin: 0
                    anchors.leftMargin: 6
                    TextArea {
                        id: autoSendTime
                        anchors.fill: parent
                        font.pixelSize: 16
                        bottomPadding: 4
                        topPadding: 8
                        placeholderText: "ms"
                        selectByMouse: true
                        selectedTextColor: "white"
                        selectionColor: "black"
                    }
                }

                ComboBox {
                    id: txSuffixCombo
                    y: 0
                    height: 40
                    anchors.left: parent.left
                    anchors.right: parent.right
                    anchors.bottom: parent.bottom
                    font.pixelSize: 16
                    anchors.rightMargin: 6
                    anchors.bottomMargin: 2
                    anchors.leftMargin: 6
                    objectName: "txSuffix"
                    model: ["None", "\\r", "\\n", "\\r\\n", "\\n\\r"]
                }

                Slider {
                    id: slider_color
                    width: 126
                    height: 20
                    anchors.left: parent.left
                    anchors.right: parent.right
                    anchors.top: parent.top
                    anchors.topMargin: 2
                    anchors.rightMargin: 0
                    stepSize: 1
                    value: 0
                    anchors.leftMargin: 0
                    to: 125
                    from: 0
                }
            }

            Rectangle {
                id: shortcut_rightSidePage
                color: "#00ffffff"
                radius: 10
                anchors.left: recDataPage.right
                anchors.right: parent.right
                anchors.top: parent.top
                anchors.bottom: parent.bottom
                anchors.topMargin: 0
                anchors.rightMargin: 0
                anchors.bottomMargin: 0
                anchors.leftMargin: 10

                Label {
                    id: shortcut_titleText
                    text: qsTr("发送区快捷方式")
                    anchors.left: parent.left
                    anchors.right: parent.right
                    anchors.top: parent.top
                    font.pixelSize: 14
                    horizontalAlignment: Text.AlignHCenter
                    verticalAlignment: Text.AlignVCenter
                    anchors.rightMargin: 0
                    anchors.leftMargin: 0
                    anchors.topMargin: 4
                    font.italic: true
                    font.bold: false

                    MouseArea {
                        id: shortcut_titleTextMouse
                        anchors.fill: parent
                        hoverEnabled: true
                    }
                }

                Rectangle {
                    id: shortcut_contentPage
                    color: "#00ffffff"
                    anchors.left: parent.left
                    anchors.right: parent.right
                    anchors.top: shortcut_titleText.bottom
                    anchors.bottom: parent.bottom
                    anchors.rightMargin: 0
                    anchors.bottomMargin: 0
                    anchors.leftMargin: 0
                    anchors.topMargin: 0

                    Label {
                        id: shortcut_CtrlLab1
                        width: 14
                        height: 24
                        visible: true
                        text: qsTr("1.")
                        anchors.verticalCenter: shortcut_Btn1.verticalCenter
                        anchors.left: parent.left
                        font.pixelSize: 14
                        verticalAlignment: Text.AlignVCenter
                        anchors.leftMargin: 0
                    }

                    Button {
                        id: shortcut_Btn1
                        width: 50
                        height: 30
                        text: qsTr("SEND")
                        anchors.left: shortcut_CtrlLab1.right
                        anchors.top: parent.top
                        font.pixelSize: 12
                        anchors.leftMargin: 2
                        anchors.topMargin: 0
                        spacing: 6
                    }

                    TextField {
                        objectName: "shortcut_CtrlText1"
                        id: shortcut_CtrlText1
                        height: 24
                        anchors.verticalCenter: shortcut_Btn1.verticalCenter
                        anchors.left: shortcut_Btn1.right
                        font.pixelSize: 14
                        anchors.leftMargin: 4
                        font.preferShaping: true
                        font.kerning: true
                        placeholderText: qsTr("CTRL+1快捷发送此内容")
                        bottomPadding: 0
                        topPadding: 0
                        selectByMouse: true
                        selectedTextColor: "white"
                        selectionColor: "black"

                        background: Rectangle {
                            color: "#ffffff"
                            anchors.fill: parent
                            anchors.bottomMargin: 0
                        }
                    }

                    Label {
                        id: shortcut_CtrlLab2
                        width: 14
                        height: 24
                        visible: true
                        text: qsTr("2.")
                        anchors.verticalCenter: shortcut_Btn2.verticalCenter
                        anchors.left: parent.left
                        font.pixelSize: 14
                        verticalAlignment: Text.AlignVCenter
                        anchors.leftMargin: 0
                    }

                    Button {
                        id: shortcut_Btn2
                        width: 50
                        height: 30
                        text: qsTr("SEND")
                        anchors.left: shortcut_CtrlLab2.right
                        anchors.top: shortcut_Btn1.bottom
                        font.pixelSize: 12
                        anchors.leftMargin: 2
                        anchors.topMargin: 0
                    }

                    TextField {
                        objectName: "shortcut_CtrlText2"
                        id: shortcut_CtrlText2
                        height: 24
                        anchors.verticalCenter: shortcut_Btn2.verticalCenter
                        anchors.left: shortcut_Btn2.right
                        font.pixelSize: 14
                        anchors.leftMargin: 4
                        background: Rectangle {
                            color: "#ffffff"
                            anchors.fill: parent
                            anchors.bottomMargin: 0
                        }
                        bottomPadding: 0
                        selectByMouse: true
                        topPadding: 0
                        selectedTextColor: "#ffffff"
                        selectionColor: "#000000"
                        placeholderText: qsTr("CTRL+2快捷发送此内容")
                    }

                    Label {
                        id: shortcut_CtrlLab3
                        width: 14
                        height: 24
                        visible: true
                        text: qsTr("3.")
                        anchors.verticalCenter: shortcut_Btn3.verticalCenter
                        anchors.left: parent.left
                        font.pixelSize: 14
                        verticalAlignment: Text.AlignVCenter
                        anchors.leftMargin: 0
                    }

                    Button {
                        id: shortcut_Btn3
                        width: 50
                        height: 30
                        text: qsTr("SEND")
                        anchors.left: shortcut_CtrlLab3.right
                        anchors.top: shortcut_Btn2.bottom
                        font.pixelSize: 12
                        anchors.leftMargin: 2
                        anchors.topMargin: 0
                    }

                    TextField {
                        objectName: "shortcut_CtrlText3"
                        id: shortcut_CtrlText3
                        y: 117
                        height: 24
                        anchors.verticalCenter: shortcut_Btn3.verticalCenter
                        anchors.left: shortcut_Btn3.right
                        font.pixelSize: 14
                        anchors.verticalCenterOffset: 0
                        anchors.leftMargin: 4
                        background: Rectangle {
                            color: "#ffffff"
                            anchors.fill: parent
                            anchors.bottomMargin: 0
                        }
                        bottomPadding: 0
                        selectByMouse: true
                        topPadding: 0
                        selectedTextColor: "#ffffff"
                        selectionColor: "#000000"
                        placeholderText: qsTr("CTRL+3快捷发送此内容")
                    }

                    Label {
                        id: shortcut_CtrlLab4
                        width: 14
                        height: 24
                        visible: true
                        text: qsTr("4.")
                        anchors.verticalCenter: shortcut_Btn4.verticalCenter
                        anchors.left: parent.left
                        font.pixelSize: 14
                        verticalAlignment: Text.AlignVCenter
                        anchors.leftMargin: 0
                    }

                    Button {
                        id: shortcut_Btn4
                        width: 50
                        height: 28
                        text: qsTr("SEND")
                        anchors.left: shortcut_CtrlLab4.right
                        anchors.top: shortcut_Btn3.bottom
                        font.pixelSize: 12
                        anchors.leftMargin: 2
                        anchors.topMargin: 0
                    }

                    TextField {
                        objectName: "shortcut_CtrlText4"
                        id: shortcut_CtrlText4
                        height: 24
                        anchors.verticalCenter: shortcut_Btn4.verticalCenter
                        anchors.left: shortcut_Btn4.right
                        font.pixelSize: 14
                        anchors.leftMargin: 4
                        background: Rectangle {
                            color: "#ffffff"
                            anchors.fill: parent
                            anchors.bottomMargin: 0
                        }
                        bottomPadding: 0
                        selectByMouse: true
                        topPadding: 0
                        selectedTextColor: "#ffffff"
                        selectionColor: "#000000"
                        placeholderText: qsTr("CTRL+4快捷发送此内容")
                    }

                    Label {
                        id: shortcut_CtrlLab5
                        width: 14
                        height: 24
                        visible: true
                        text: qsTr("5.")
                        anchors.verticalCenter: shortcut_Btn5.verticalCenter
                        anchors.left: parent.left
                        font.pixelSize: 14
                        verticalAlignment: Text.AlignVCenter
                        anchors.leftMargin: 0
                    }

                    Button {
                        id: shortcut_Btn5
                        width: 50
                        height: 28
                        text: qsTr("SEND")
                        anchors.left: shortcut_CtrlLab5.right
                        anchors.top: shortcut_Btn4.bottom
                        font.pixelSize: 12
                        anchors.leftMargin: 2
                        anchors.topMargin: 0
                    }

                    TextField {
                        objectName: "shortcut_CtrlText5"
                        id: shortcut_CtrlText5
                        height: 24
                        anchors.verticalCenter: shortcut_Btn5.verticalCenter
                        anchors.left: shortcut_Btn5.right
                        font.pixelSize: 14
                        anchors.leftMargin: 4
                        background: Rectangle {
                            color: "#ffffff"
                            anchors.fill: parent
                            anchors.bottomMargin: 0
                        }
                        bottomPadding: 0
                        selectByMouse: true
                        topPadding: 0
                        selectedTextColor: "#ffffff"
                        selectionColor: "#000000"
                        placeholderText: qsTr("CTRL+5快捷发送此内容")
                    }

                    Label {
                        id: shortcut_AltLab1
                        width: 14
                        height: 24
                        visible: true
                        text: qsTr("1.")
                        anchors.verticalCenter: shortcut_Btn6.verticalCenter
                        anchors.left: parent.left
                        font.pixelSize: 14
                        verticalAlignment: Text.AlignVCenter
                        anchors.leftMargin: 0
                    }

                    Button {
                        id: shortcut_Btn6
                        width: 50
                        height: 28
                        text: qsTr("SEND")
                        anchors.left: shortcut_AltLab1.right
                        anchors.top: shortcut_Btn5.bottom
                        font.pixelSize: 12
                        anchors.leftMargin: 2
                        anchors.topMargin: 0
                    }

                    TextField {
                        objectName: "shortcut_AltText1"
                        id: shortcut_AltText1
                        height: 24
                        anchors.verticalCenter: shortcut_Btn6.verticalCenter
                        anchors.left: shortcut_Btn6.right
                        font.pixelSize: 14
                        anchors.leftMargin: 4
                        background: Rectangle {
                            color: "#ffffff"
                            anchors.fill: parent
                            anchors.bottomMargin: 0
                        }
                        bottomPadding: 0
                        selectByMouse: true
                        topPadding: 0
                        selectedTextColor: "#ffffff"
                        selectionColor: "#000000"
                        placeholderText: qsTr("ALT+1快捷发送此内容")
                    }

                    Label {
                        id: shortcut_AltLab2
                        width: 14
                        height: 24
                        visible: true
                        text: qsTr("2.")
                        anchors.verticalCenter: shortcut_Btn7.verticalCenter
                        anchors.left: parent.left
                        font.pixelSize: 14
                        verticalAlignment: Text.AlignVCenter
                        anchors.leftMargin: 0
                    }

                    Button {
                        id: shortcut_Btn7
                        width: 50
                        height: 28
                        text: qsTr("SEND")
                        anchors.left: shortcut_AltLab2.right
                        anchors.top: shortcut_Btn6.bottom
                        font.pixelSize: 12
                        anchors.leftMargin: 2
                        anchors.topMargin: 0
                    }

                    TextField {
                        objectName: "shortcut_AltText2"
                        id: shortcut_AltText2
                        height: 24
                        anchors.verticalCenter: shortcut_Btn7.verticalCenter
                        anchors.left: shortcut_Btn7.right
                        font.pixelSize: 14
                        anchors.leftMargin: 4
                        bottomPadding: 0
                        selectByMouse: true
                        topPadding: 0
                        selectedTextColor: "#ffffff"
                        selectionColor: "#000000"
                        placeholderText: qsTr("ALT+2快捷发送此内容")
                        background: Rectangle {
                            color: "#ffffff"
                            anchors.fill: parent
                            anchors.bottomMargin: 0
                        }
                    }

                    Label {
                        id: shortcut_AltLab3
                        width: 14
                        height: 24
                        visible: true
                        text: qsTr("3.")
                        anchors.verticalCenter: shortcut_Btn8.verticalCenter
                        anchors.left: parent.left
                        font.pixelSize: 14
                        verticalAlignment: Text.AlignVCenter
                        anchors.leftMargin: 0
                    }

                    Button {
                        id: shortcut_Btn8
                        width: 50
                        height: 28
                        text: qsTr("SEND")
                        font.pixelSize: 12
                        anchors.left: shortcut_AltLab3.right
                        anchors.top: shortcut_Btn7.bottom
                        anchors.leftMargin: 2
                        anchors.topMargin: 0
                    }

                    TextField {
                        objectName: "shortcut_AltText3"
                        id: shortcut_AltText3
                        x: 66
                        y: 117
                        height: 24
                        anchors.verticalCenter: shortcut_Btn8.verticalCenter
                        anchors.left: shortcut_Btn8.right
                        font.pixelSize: 14
                        anchors.leftMargin: 4
                        bottomPadding: 0
                        selectByMouse: true
                        topPadding: 0
                        selectedTextColor: "#ffffff"
                        selectionColor: "#000000"
                        placeholderText: qsTr("ALT+3快捷发送此内容")
                        background: Rectangle {
                            color: "#ffffff"
                            anchors.fill: parent
                            anchors.bottomMargin: 0
                        }
                    }

                    Label {
                        id: shortcut_AltLab4
                        width: 14
                        height: 24
                        visible: true
                        text: qsTr("4.")
                        anchors.verticalCenter: shortcut_Btn9.verticalCenter
                        anchors.left: parent.left
                        font.pixelSize: 14
                        verticalAlignment: Text.AlignVCenter
                        anchors.leftMargin: 0
                    }

                    Button {
                        id: shortcut_Btn9
                        width: 50
                        height: 28
                        text: qsTr("SEND")
                        anchors.left: shortcut_AltLab4.right
                        anchors.top: shortcut_Btn8.bottom
                        font.pixelSize: 12
                        anchors.leftMargin: 2
                        anchors.topMargin: 0
                    }

                    TextField {
                        objectName: "shortcut_AltText4"
                        id: shortcut_AltText4
                        height: 24
                        anchors.verticalCenter: shortcut_Btn9.verticalCenter
                        anchors.left: shortcut_Btn9.right
                        font.pixelSize: 14
                        anchors.leftMargin: 4
                        background: Rectangle {
                            color: "#ffffff"
                            anchors.fill: parent
                            anchors.bottomMargin: 0
                        }
                        bottomPadding: 0
                        selectByMouse: true
                        topPadding: 0
                        selectedTextColor: "#ffffff"
                        selectionColor: "#000000"
                        placeholderText: qsTr("ALT+4快捷发送此内容")
                    }

                    Label {
                        id: shortcut_AltLab5
                        width: 14
                        height: 24
                        visible: true
                        text: qsTr("5.")
                        anchors.verticalCenter: shortcut_Btn10.verticalCenter
                        anchors.left: parent.left
                        font.pixelSize: 14
                        verticalAlignment: Text.AlignVCenter
                        anchors.leftMargin: 0
                    }

                    Button {
                        id: shortcut_Btn10
                        width: 50
                        height: 28
                        text: qsTr("SEND")
                        anchors.left: shortcut_AltLab5.right
                        anchors.top: shortcut_Btn9.bottom
                        font.pixelSize: 12
                        anchors.leftMargin: 2
                        anchors.topMargin: 0
                    }

                    TextField {
                        objectName: "shortcut_AltText5"
                        id: shortcut_AltText5
                        height: 24
                        anchors.verticalCenter: shortcut_Btn10.verticalCenter
                        anchors.left: shortcut_Btn10.right
                        font.pixelSize: 14
                        anchors.leftMargin: 4
                        background: Rectangle {
                            color: "#ffffff"
                            anchors.fill: parent
                            anchors.bottomMargin: 0
                        }
                        bottomPadding: 0
                        selectByMouse: true
                        topPadding: 0
                        selectedTextColor: "#ffffff"
                        selectionColor: "#000000"
                        placeholderText: qsTr("ALT+5快捷发送此内容")
                    }

                    Label {
                        id: shortcut_Laba
                        width: 14
                        height: 24
                        visible: true
                        text: qsTr("a.")
                        anchors.verticalCenter: shortcut_Btn11.verticalCenter
                        anchors.left: parent.left
                        font.pixelSize: 14
                        verticalAlignment: Text.AlignVCenter
                        anchors.leftMargin: 0
                    }

                    Button {
                        id: shortcut_Btn11
                        width: 50
                        height: 28
                        text: qsTr("SEND")
                        anchors.left: shortcut_Laba.right
                        anchors.top: shortcut_Btn10.bottom
                        font.pixelSize: 12
                        anchors.leftMargin: 2
                        anchors.topMargin: 0
                    }

                    TextField {
                        objectName: "shortcut_Texta"
                        id: shortcut_Texta
                        height: 24
                        anchors.verticalCenter: shortcut_Btn11.verticalCenter
                        anchors.left: shortcut_Btn11.right
                        font.pixelSize: 14
                        anchors.leftMargin: 4
                        background: Rectangle {
                            color: "#ffffff"
                            anchors.fill: parent
                            anchors.bottomMargin: 0
                        }
                        bottomPadding: 0
                        selectByMouse: true
                        topPadding: 0
                        selectedTextColor: "#ffffff"
                        selectionColor: "#000000"
                        placeholderText: qsTr("我是一个快捷发送内容a")
                    }

                    Label {
                        id: shortcut_Labb
                        width: 14
                        height: 24
                        visible: true
                        text: qsTr("b.")
                        anchors.verticalCenter: shortcut_Btn12.verticalCenter
                        anchors.left: parent.left
                        font.pixelSize: 14
                        verticalAlignment: Text.AlignVCenter
                        anchors.leftMargin: 0
                    }

                    Button {
                        id: shortcut_Btn12
                        width: 50
                        height: 28
                        text: qsTr("SEND")
                        anchors.left: shortcut_Labb.right
                        anchors.top: shortcut_Btn11.bottom
                        font.pixelSize: 12
                        anchors.leftMargin: 2
                        anchors.topMargin: 0
                    }

                    TextField {
                        objectName: "shortcut_Textb"
                        id: shortcut_Textb
                        height: 24
                        anchors.verticalCenter: shortcut_Btn12.verticalCenter
                        anchors.left: shortcut_Btn12.right
                        font.pixelSize: 14
                        anchors.leftMargin: 4
                        background: Rectangle {
                            color: "#ffffff"
                            anchors.fill: parent
                            anchors.bottomMargin: 0
                        }
                        bottomPadding: 0
                        selectByMouse: true
                        topPadding: 0
                        selectedTextColor: "#ffffff"
                        selectionColor: "#000000"
                        placeholderText: qsTr("我是一个快捷发送内容b")
                    }

                    Label {
                        id: shortcut_Labc
                        width: 14
                        height: 24
                        visible: true
                        text: qsTr("c.")
                        anchors.verticalCenter: shortcut_Btn13.verticalCenter
                        anchors.left: parent.left
                        font.pixelSize: 14
                        verticalAlignment: Text.AlignVCenter
                        anchors.leftMargin: 0
                    }

                    Button {
                        id: shortcut_Btn13
                        width: 50
                        height: 28
                        text: qsTr("SEND")
                        anchors.left: shortcut_Labc.right
                        anchors.top: shortcut_Btn12.bottom
                        font.pixelSize: 12
                        anchors.leftMargin: 2
                        anchors.topMargin: 0
                    }

                    TextField {
                        objectName: "shortcut_Textc"
                        id: shortcut_Textc
                        height: 24
                        anchors.verticalCenter: shortcut_Btn13.verticalCenter
                        anchors.left: shortcut_Btn13.right
                        font.pixelSize: 14
                        anchors.leftMargin: 4
                        background: Rectangle {
                            color: "#ffffff"
                            anchors.fill: parent
                            anchors.bottomMargin: 0
                        }
                        bottomPadding: 0
                        selectByMouse: true
                        topPadding: 0
                        selectedTextColor: "#ffffff"
                        selectionColor: "#000000"
                        placeholderText: qsTr("我是一个快捷发送内容c")
                    }

                    Label {
                        id: shortcut_Labd
                        width: 14
                        height: 24
                        visible: true
                        text: qsTr("d.")
                        anchors.verticalCenter: shortcut_Btn14.verticalCenter
                        anchors.left: parent.left
                        font.pixelSize: 14
                        verticalAlignment: Text.AlignVCenter
                        anchors.leftMargin: 0
                    }

                    Button {
                        id: shortcut_Btn14
                        width: 50
                        height: 28
                        text: qsTr("SEND")
                        anchors.left: shortcut_Labd.right
                        anchors.top: shortcut_Btn13.bottom
                        font.pixelSize: 12
                        anchors.leftMargin: 2
                        anchors.topMargin: 0
                    }

                    TextField {
                        objectName: "shortcut_Textd"
                        id: shortcut_Textd
                        height: 24
                        anchors.verticalCenter: shortcut_Btn14.verticalCenter
                        anchors.left: shortcut_Btn14.right
                        font.pixelSize: 14
                        anchors.leftMargin: 4
                        background: Rectangle {
                            color: "#ffffff"
                            anchors.fill: parent
                            anchors.bottomMargin: 0
                        }
                        bottomPadding: 0
                        selectByMouse: true
                        topPadding: 0
                        selectedTextColor: "#ffffff"
                        selectionColor: "#000000"
                        placeholderText: qsTr("我是一个快捷发送内容d")
                    }

                    Label {
                        id: shortcut_Labe
                        width: 14
                        height: 24
                        visible: true
                        text: qsTr("e.")
                        anchors.verticalCenter: shortcut_Btn15.verticalCenter
                        anchors.left: parent.left
                        font.pixelSize: 14
                        verticalAlignment: Text.AlignVCenter
                        anchors.leftMargin: 0
                    }

                    Button {
                        id: shortcut_Btn15
                        width: 50
                        height: 28
                        text: qsTr("SEND")
                        anchors.left: shortcut_Labe.right
                        anchors.top: shortcut_Btn14.bottom
                        font.pixelSize: 12
                        anchors.leftMargin: 2
                        anchors.topMargin: 0
                    }

                    TextField {
                        objectName: "shortcut_Texte"
                        id: shortcut_Texte
                        height: 24
                        anchors.verticalCenter: shortcut_Btn15.verticalCenter
                        anchors.left: shortcut_Btn15.right
                        font.pixelSize: 14
                        anchors.leftMargin: 4
                        background: Rectangle {
                            color: "#ffffff"
                            anchors.fill: parent
                            anchors.bottomMargin: 0
                        }
                        bottomPadding: 0
                        selectByMouse: true
                        topPadding: 0
                        selectedTextColor: "#ffffff"
                        selectionColor: "#000000"
                        placeholderText: qsTr("我是一个快捷发送内容e")
                    }

                    Label {
                        id: shortcut_Labf
                        width: 14
                        height: 24
                        visible: true
                        text: qsTr("f.")
                        anchors.verticalCenter: shortcut_Btn16.verticalCenter
                        anchors.left: parent.left
                        font.pixelSize: 14
                        verticalAlignment: Text.AlignVCenter
                        anchors.leftMargin: 0
                    }

                    Button {
                        id: shortcut_Btn16
                        width: 50
                        height: 28
                        text: qsTr("SEND")
                        anchors.left: shortcut_Labf.right
                        anchors.top: shortcut_Btn15.bottom
                        font.pixelSize: 12
                        anchors.leftMargin: 2
                        anchors.topMargin: 0
                    }

                    TextField {
                        objectName: "shortcut_Textf"
                        id: shortcut_Textf
                        height: 24
                        anchors.verticalCenter: shortcut_Btn16.verticalCenter
                        anchors.left: shortcut_Btn16.right
                        font.pixelSize: 14
                        anchors.leftMargin: 4
                        background: Rectangle {
                            color: "#ffffff"
                            anchors.fill: parent
                            anchors.bottomMargin: 0
                        }
                        bottomPadding: 0
                        selectByMouse: true
                        topPadding: 0
                        selectedTextColor: "#ffffff"
                        selectionColor: "#000000"
                        placeholderText: qsTr("我是一个快捷发送内容f")
                    }

                    Label {
                        id: shortcut_Labg
                        width: 14
                        height: 24
                        visible: true
                        text: qsTr("g.")
                        anchors.verticalCenter: shortcut_Btn17.verticalCenter
                        anchors.left: parent.left
                        font.pixelSize: 14
                        verticalAlignment: Text.AlignVCenter
                        anchors.leftMargin: 0
                    }

                    Button {
                        id: shortcut_Btn17
                        width: 50
                        height: 28
                        text: qsTr("SEND")
                        anchors.left: shortcut_Labg.right
                        anchors.top: shortcut_Btn16.bottom
                        font.pixelSize: 12
                        anchors.leftMargin: 2
                        anchors.topMargin: 0
                    }

                    TextField {
                        objectName: "shortcut_Textg"
                        id: shortcut_Textg
                        height: 24
                        anchors.verticalCenter: shortcut_Btn17.verticalCenter
                        anchors.left: shortcut_Btn17.right
                        font.pixelSize: 14
                        anchors.leftMargin: 4
                        background: Rectangle {
                            color: "#ffffff"
                            anchors.fill: parent
                            anchors.bottomMargin: 0
                        }
                        bottomPadding: 0
                        selectByMouse: true
                        topPadding: 0
                        selectedTextColor: "#ffffff"
                        selectionColor: "#000000"
                        placeholderText: qsTr("我是一个快捷发送内容g")
                    }

                    Label {
                        id: shortcut_Labh
                        width: 14
                        height: 24
                        visible: true
                        text: qsTr("h.")
                        anchors.verticalCenter: shortcut_Btn18.verticalCenter
                        anchors.left: parent.left
                        font.pixelSize: 14
                        verticalAlignment: Text.AlignVCenter
                        anchors.leftMargin: 0
                    }

                    Button {
                        id: shortcut_Btn18
                        width: 50
                        height: 28
                        text: qsTr("SEND")
                        anchors.left: shortcut_Labh.right
                        anchors.top: shortcut_Btn17.bottom
                        font.pixelSize: 12
                        anchors.leftMargin: 2
                        anchors.topMargin: 0
                    }

                    TextField {
                        objectName: "shortcut_Texth"
                        id: shortcut_Texth
                        height: 24
                        anchors.verticalCenter: shortcut_Btn18.verticalCenter
                        anchors.left: shortcut_Btn18.right
                        font.pixelSize: 14
                        anchors.leftMargin: 4
                        background: Rectangle {
                            color: "#ffffff"
                            anchors.fill: parent
                            anchors.bottomMargin: 0
                        }
                        bottomPadding: 0
                        selectByMouse: true
                        topPadding: 0
                        selectedTextColor: "#ffffff"
                        selectionColor: "#000000"
                        placeholderText: qsTr("我是一个快捷发送内容h")
                    }

                    Label {
                        id: shortcut_Labi
                        width: 14
                        height: 24
                        visible: true
                        text: qsTr("i.")
                        anchors.verticalCenter: shortcut_Btn19.verticalCenter
                        anchors.left: parent.left
                        font.pixelSize: 14
                        verticalAlignment: Text.AlignVCenter
                        anchors.leftMargin: 0
                    }

                    Button {
                        id: shortcut_Btn19
                        width: 50
                        height: 28
                        text: qsTr("SEND")
                        anchors.left: shortcut_Labi.right
                        anchors.top: shortcut_Btn18.bottom
                        font.pixelSize: 12
                        anchors.leftMargin: 2
                        anchors.topMargin: 0
                    }

                    TextField {
                        objectName: "shortcut_Texti"
                        id: shortcut_Texti
                        height: 24
                        anchors.verticalCenter: shortcut_Btn19.verticalCenter
                        anchors.left: shortcut_Btn19.right
                        font.pixelSize: 14
                        anchors.leftMargin: 4
                        background: Rectangle {
                            color: "#ffffff"
                            anchors.fill: parent
                            anchors.bottomMargin: 0
                        }
                        bottomPadding: 0
                        selectByMouse: true
                        topPadding: 0
                        selectedTextColor: "#ffffff"
                        selectionColor: "#000000"
                        placeholderText: qsTr("我是一个快捷发送内容i")
                    }
                }
            }

            Rectangle {
                id: ip_leftSidePage
                width: 180
                visible: false
                color: "#00000000"
                radius: 10
                border.color: "#000000"
                border.width: 0
                anchors.left: parent.left
                anchors.top: parent.top
                anchors.bottom: parent.bottom
                anchors.topMargin: 0
                anchors.bottomMargin: 0
                z: 0
                ComboBox {
                    id: ip_nameCombo
                    height: 40
                    anchors.left: parent.left
                    anchors.right: parent.right
                    anchors.top: parent.top
                    font.pixelSize: 16
                    anchors.topMargin: 6
                    wheelEnabled: true
                    anchors.rightMargin: 20
                    anchors.leftMargin: 20
                    model: ["TCP Client", "TCP Server", "UDP"]
                }

                Label {
                    id: ip_myAddrLab
                    width: 75
                    height: 40
                    text: qsTr("本地地址")
                    anchors.left: parent.left
                    anchors.top: ip_nameCombo.bottom
                    font.pixelSize: 16
                    horizontalAlignment: Text.AlignHCenter
                    verticalAlignment: Text.AlignVCenter
                    anchors.topMargin: 2
                    anchors.leftMargin: 0
                }

                Label {
                    id: ip_myPortLab
                    width: 75
                    height: 40
                    text: qsTr("本地端口")
                    anchors.left: parent.left
                    anchors.top: ip_myAddrLab.bottom
                    font.pixelSize: 16
                    horizontalAlignment: Text.AlignHCenter
                    verticalAlignment: Text.AlignVCenter
                    anchors.topMargin: 2
                    anchors.leftMargin: 0
                }

                Label {
                    id: ip_otherAddrLab
                    width: 75
                    height: 40
                    text: qsTr("远程地址")
                    anchors.left: parent.left
                    anchors.top: ip_myPortLab.bottom
                    font.pixelSize: 16
                    horizontalAlignment: Text.AlignHCenter
                    verticalAlignment: Text.AlignVCenter
                    anchors.topMargin: 2
                    anchors.leftMargin: 0
                }

                Label {
                    id: ip_otherPortLab
                    width: 75
                    height: 40
                    text: qsTr("远程端口")
                    anchors.left: parent.left
                    anchors.top: ip_otherAddrLab.bottom
                    font.pixelSize: 16
                    horizontalAlignment: Text.AlignHCenter
                    verticalAlignment: Text.AlignVCenter
                    anchors.topMargin: 2
                    anchors.leftMargin: 0
                }

                SwitchDelegate {
                    id: ip_switch
                    height: 36
                    text: qsTr("网络开关")
                    anchors.left: parent.left
                    anchors.right: parent.right
                    anchors.top: ip_otherPortLab.bottom
                    anchors.topMargin: 2
                    padding: 7
                    spacing: 20
                    anchors.leftMargin: 0
                    focusPolicy: Qt.NoFocus
                    font.pixelSize: 16
                    leftPadding: 6
                    anchors.rightMargin: 0
                    rightPadding: 24
                }

                TextArea {
                    id: ip_myAddrText
                    height: 40
                    anchors.left: ip_myAddrLab.right
                    anchors.right: parent.right
                    anchors.top: ip_nameCombo.bottom
                    font.pixelSize: 14
                    verticalAlignment: Text.AlignBottom
                    anchors.rightMargin: 2
                    clip: true
                    anchors.topMargin: 2
                    placeholderText: qsTr("192.168.1.254")
                    anchors.leftMargin: 0
                }

                TextArea {
                    id: ip_myPortText
                    height: 40
                    anchors.left: ip_myPortLab.right
                    anchors.right: parent.right
                    anchors.top: ip_myAddrText.bottom
                    font.pixelSize: 14
                    verticalAlignment: Text.AlignBottom
                    anchors.rightMargin: 2
                    clip: true
                    anchors.topMargin: 2
                    placeholderText: qsTr("3000")
                    anchors.leftMargin: 0
                }

                TextArea {
                    id: ip_otherAddrText
                    height: 40
                    anchors.left: ip_otherAddrLab.right
                    anchors.right: parent.right
                    anchors.top: ip_myPortText.bottom
                    font.pixelSize: 14
                    verticalAlignment: Text.AlignBottom
                    anchors.rightMargin: 2
                    clip: true
                    anchors.topMargin: 2
                    anchors.leftMargin: 0
                    placeholderText: qsTr("192.168.1.255")
                }

                TextArea {
                    id: ip_otherPortText
                    height: 40
                    anchors.left: ip_otherPortLab.right
                    anchors.right: parent.right
                    anchors.top: ip_otherAddrText.bottom
                    font.pixelSize: 14
                    verticalAlignment: Text.AlignBottom
                    anchors.rightMargin: 2
                    clip: true
                    topPadding: 8
                    anchors.topMargin: 2
                    placeholderText: qsTr("3001")
                    anchors.leftMargin: 0
                }
                anchors.leftMargin: 0
            }

            Rectangle {
                id: hoverDescriptionPage
                x: 0
                y: 0
                width: hoverDescriptionText.width
                height: hoverDescriptionText.height
                visible: false

                Text {
                    id: hoverDescriptionText
                    width: contentWidth
                    height: contentHeight
                    color: "#ff0000"
                    text: qsTr("接收编码")
                    font.pixelSize: 14
                }
            }

            Rectangle {
                id: tx_rxBytePage
                color: "#00ffffff"
                anchors.left: parent.left
                anchors.right: sendDataPage.left
                anchors.top: parent.bottom
                anchors.bottom: parent.bottom
                anchors.rightMargin: 0
                z: 1
                anchors.topMargin: -68

                Label {
                    id: rxByteLab
                    height: 34
                    text: qsTr("RxB")
                    anchors.left: parent.left
                    anchors.bottom: txByteLab.top
                    font.pixelSize: 14
                    horizontalAlignment: Text.AlignHCenter
                    verticalAlignment: Text.AlignVCenter
                    anchors.bottomMargin: 0
                    anchors.leftMargin: 4
                }

                Button {
                    id: rxClearBtn
                    width: 45
                    height: 34
                    text: qsTr("清零")
                    anchors.right: parent.right
                    anchors.bottom: txClearBtn.top
                    anchors.bottomMargin: 0
                    anchors.rightMargin: 6
                }

                Label {
                    id: txByteLab
                    height: 34
                    text: qsTr("TxB")
                    anchors.left: parent.left
                    anchors.bottom: parent.bottom
                    font.pixelSize: 14
                    horizontalAlignment: Text.AlignHCenter
                    verticalAlignment: Text.AlignVCenter
                    anchors.leftMargin: 4
                    anchors.bottomMargin: 0
                }

                Button {
                    id: txClearBtn
                    width: 45
                    height: 34
                    text: qsTr("清零")
                    anchors.right: parent.right
                    anchors.bottom: parent.bottom
                    anchors.bottomMargin: 0
                    anchors.rightMargin: 6
                }

                TextInput {
                    id: rxByteText
                    height: 34
                    text: qsTr("0")
                    anchors.left: rxByteLab.right
                    anchors.right: rxClearBtn.left
                    anchors.bottom: txByteText.top
                    font.pixelSize: 14
                    horizontalAlignment: Text.AlignRight
                    verticalAlignment: Text.AlignVCenter
                    clip: true
                    anchors.bottomMargin: 0
                    selectionColor: "#000000"
                    selectByMouse: true
                    persistentSelection: true
                    readOnly: true
                    anchors.rightMargin: 4
                    anchors.leftMargin: 2
                }

                TextInput {
                    id: txByteText
                    height: 34
                    text: qsTr("0")
                    anchors.left: txByteLab.right
                    anchors.right: txClearBtn.left
                    anchors.bottom: parent.bottom
                    font.pixelSize: 14
                    horizontalAlignment: Text.AlignRight
                    verticalAlignment: Text.AlignVCenter
                    clip: true
                    selectByMouse: true
                    persistentSelection: true
                    readOnly: true
                    selectionColor: "#000000"
                    anchors.rightMargin: 4
                    anchors.leftMargin: 2
                    anchors.bottomMargin: 0
                }
            }
        }
    }

    Rectangle {
        id: test_page
        visible: false
        color: "#ffffff"
        anchors.left: parent.left
        anchors.right: parent.right
        anchors.top: tabBar.bottom
        anchors.bottom: parent.bottom
        anchors.topMargin: 5

        Text {
            id: text1
            text: "敬请期待"
            anchors.verticalCenter: parent.verticalCenter
            font.pixelSize: 20
            anchors.horizontalCenter: parent.horizontalCenter
        }
    }
}
